<template>
	<view class="search">
		<u-grid col="4">
			<u-grid-item v-for="item in laji" :key="item.id" style="margin-bottom: 15px;">
				<image :src="'http://124.93.196.45:10001'+item.imgUrl" style="width: 50px; height: 50px;"></image>
				<text>{{item.name}}</text>
			</u-grid-item>
		</u-grid>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				laji:[]
			}
		},
		onLoad() {
			this.getlaji()
		},
		methods: {
			getlaji(){
				this.api.get('/prod-api/api/garbage-classification/garbage-example/list').then(res=>{
					this.laji=res.data.rows
				})
			}
		}
	}
</script>

<style>

</style>
